// pages/hone/index.js
import {getBannerListFn, getNavList, getProListFn} from '../../api/home'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerList: [],
    navList: [
      { navid: 1, title: '嗨购超市', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/125678/35/5947/4868/5efbf28cEbf04a25a/e2bcc411170524f0.png' },
      { navid: 2, title: '数码电器', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/178015/31/13828/6862/60ec0c04Ee2fd63ac/ccf74d805a059a44.png!q70.jpg' },
      { navid: 3, title: '嗨购服饰', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/41867/2/15966/7116/60ec0e0dE9f50d596/758babcb4f911bf4.png!q70.jpg' },
      { navid: 4, title: '嗨购生鲜', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/177902/16/13776/5658/60ec0e71E801087f2/a0d5a68bf1461e6d.png!q70.jpg.dpg' },
      { navid: 5, title: '嗨购到家', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196472/7/12807/7127/60ec0ea3Efe11835b/37c65625d94cae75.png!q70.jpg.dpg' },
      { navid: 6, title: '充值缴费', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/185733/21/13527/6648/60ec0f31E0fea3e0a/d86d463521140bb6.png!q70.jpg.dpg' },
      { navid: 7, title: '9.9元拼', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/36069/14/16068/6465/60ec0f67E155f9488/595ff3e606a53f02.png!q70.jpg.dpg' },
      { navid: 8, title: '领券', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/186080/16/13681/8175/60ec0fcdE032af6cf/c5acd2f8454c40e1.png!q70.jpg.dpg' },
      { navid: 9, title: '领金贴', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/196711/35/12751/6996/60ec1000E21b5bab4/38077313cb9eac4b.png!q70.jpg.dpg' },
      { navid: 10, title: 'plus会员', imgurl: 'https://m.360buyimg.com/mobilecms/s120x120_jfs/t1/37709/6/15279/6118/60ec1046E4b5592c6/a7d6b66354efb141.png!q70.jpg.dpg' }
  ],
    proList: [],
    count:2,
    scrollTop:0,
    time:null
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取轮播图
    getBannerListFn().then(res => {
        // console.log(res.data);
        this.setData({
            bannerList: res.data
        })
    })
    // 获取商品列表
    getProListFn().then(res => {
        console.log("商品列表:",res);
        this.setData({
            proList: res.data
        })
    })

    // wx.showTabBarRedDot({
    //     index: 1
    // })

    var appInstance = getApp()
    // console.log(appInstan ce.globalData) // I am global data
    // 添加数据
    appInstance.globalData = {
        name: '张三',
        age: 18
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 下拉刷新
    getProListFn().then(res => {
      this.setData({
        count:2,
        proList:res.data 
      })

    // 关闭下拉刷新
    wx.stopPullDownRefresh() 
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */

  onReachBottom() {

    if(this.data.time){
      clearTimeout(this.data.time)
    }
    const t=setTimeout(() => {
      
      getProListFn({
        count:this.data.count
      }).then(res => {
        if(res.data.length<=0){
          wx.showToast({
            title: '没有更多数据了',
          })
        }else{
          this.setData({
              proList: [...this.data.proList,...res.data],
              //this.data.count++为先使用后加加
              count: ++this.data.count
          })
        }
    })
    }, 500);
    this.setData({
      time:t
    })
  },

  /*
    用户点击右上角分享
   */
  onShareAppMessage() {

  },

//   监听页面的滚动距离
  onPageScroll({scrollTop}){
    this.setData({
      scrollTop,
    })
  },

  //点击回到顶部
  backTop(){
    wx.pageScrollTo({
      scrollTop:0
    })
  }
})